<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>我的购物车-小米商城</title>
		<link rel="stylesheet" href="./font_o7i7jdehmgt/iconfont.css">
        <link rel="stylesheet" href="./css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="./css/Shopping_Cart.css" />
        <link rel="shortcut icon" href="./favicon.ico" />
	</head>
    <script src="./js/jquery.min.js"></script>
	<script src="./node_modules/layui-layer/dist/layer.js"></script>
    <script src="./js/tools.js"></script>
	<script src="./js/Shopping_Cart.js"></script>
    <script src="./js/xiaomi.js"></script>
	<body>
		<!-- return -->
		<div class="return">
			<li>
				<span class="iconfont icon-shouji"></span>
				<p>手机APP</p>
			</li>
			<li>
				<span class="iconfont icon-app_icons--
				"></span>
				<p>个人中心</p>
			</li>
			<li>
				<span class="iconfont icon-shouhou"></span>
				<p>售后服务</p>
			</li>
			<li>
				<span class="iconfont icon-kefu"></span>
				<p>人工客服</p>
			</li>
			<li>
				<span class="iconfont icon-gouwuche"></span>
				<p>购物车</p>
			</li>
			<li class="fanhui">
				<span class="iconfont icon-fanhuidingbu"></span>
				<p>返回顶部</p>
			</li>
		</div>
		<!-- header -->
		<div class="header-big">
			<div class="header">
				<div class="header-l">
					<a href="xiaomi.html"><img src="./imgs/4.jpg.png" alt=""></a>
                    <span>我的购物车</span>
                    <span>温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</span>
				</div>
				<div class="header-r">
					<a href="login.html"><button type="button" class="btn btn-success active">登录</button></a>
                    <a href="register.html"><button type="button" class="btn btn-info active">注册</button></a>
				</div>
			</div>
		</div>
        
        <!-- main -->
        <div class="main-top">
            <div class="cart-big">
                <div class="cart-head">
                    <div class="col-check">
                        <input type="checkbox" name="selectAll">&nbsp;&nbsp;全选
                    </div>
                    <div class="col-img"></div>
                    <div class="col-name">商品名称</div>
                    <div class="col-price">单价</div>
                    <div class="col-num">数量</div>
                    <div class="col-total">小计</div>
                    <div class="col-handle">操作</div>
                </div>
                <!-- <div class="item-box">
                    <div class="item-check">
                        <input type="checkbox" checked name="selectone">
                    </div>
                    <div class="item-img">
                        <a href="details.html?id=${item.id}">
                        <img src="${item.imgpath}" width="90" height="90"></a>
                    </div>
                    <div class="item-name">${item.name}</div>
                    <div class="item-price"><span>${item.price}</span>元</div>
                    <div class="item-num">
                        <button class="reduce">-</button>
                            <input type="number" checked value="${number}">
                        <button class="add">+</button>
                    </div>
                    <div class="item-total"><span>${item.price * number}</span>元</div>
                    <div class="item-handle" data-id="${item.id}">
                        <a href="javascript:;" class="btn removecart btn-danger">删除商品</a>
                    </div>
                </div> -->
                <div class="cart-footer">
                    <div class="shop">
                        <a href="./details.html"> 继续购物</a>   
                    </div>
                    <div class="shop-total">
                        共<span></span>件商品，已选择<span></span>件
                    </div>
                    <div class="price-total">
                        合计：<span></span>元
                    </div>
                    <a href="#"><div class="apply">去结算</div></a>
                </div>
            </div>
        </div>
        <!-- recommend -->
        <div class="recommend-big">
            <div class="recommend-banner">
                <div class="recommend-title">
                买购物车中商品的人还买了
                </div>
                <div class="recommend clearfix">
                    <!-- <li>
                        <img src="./imgs/10jpg.png" class="recommend-pic">
                        <h5 class="recommend-type">贝医生防蛀健齿牙膏</h5>
                        <div class="recommend-price"><span>12.9</span>元</div>
                        <p class="recommend-comments">63.1万人好评</p>
                    </li> -->
                </div>
            </div>
        </div>
        <!-- service -->
        <div class="service-big">
            <div class="service">
                <div class="service-top">
                    <div class="service-top1">
                        <img src="imgs/xiaomi3_68.png" class="service-top1-pic">
                        <p class="service-top1-p">预约维修服务</p>
                    </div>
                    <div class="service-top1">
                        <img src="imgs/xiaomi3_70.png" class="service-top1-pic">
                        <p class="service-top1-p">7天无理由退货</p>
                    </div>
                    <div class="service-top1">
                        <img src="imgs/xiaomi3_72.png" class="service-top1-pic">
                        <p class="service-top1-p">15天免费换贷</p>   
                    </div>
                    <div class="service-top1">
                        <img src="imgs/xiaomi3_75.png" class="service-top1-pic">
                        <p class="service-top1-p">满150元包邮</p>
                    </div>
                    <div class="service-top1 service-top2">
                        <img src="imgs/xiaomi3_78.png" class="service-top1-pic">
                        <p class="service-top1-p">520余家售后网点</p>
                    </div>
                </div>
                <div class="service-bot">
                    <div class="bot-nav">
                        <div class="bot-nav1">
                            <ul>
                                <li><a href="">帮助中心</a></li>
                                <li><a href="">服务支持</a></li>
                                <li><a href="">线下门店</a></li>
                                <li><a href="">关于小米</a></li>
                                <li><a href="">关于我们</a></li>
                                <li><a href="">特色服务</a></li>
                            </ul>
                        </div>
                        <div class="bot-nav2">
                            <ul>
                                <li>账户管理</li>
                                <li>售后政策</li>
                                <li>小米之家</li>
                                <li>了解小米</li>
                                <li>新浪微博</li>
                                <li>F 码通道</li>
                                <li>购物指南</li>
                                <li>自助服务</li>
                                <li>服务网点</li>
                                <li>加入小米</li>
                                <li>官方微信</li>
                                <li>礼物码</li>
                                <li>订单操作</li>
                                <li>相关下载</li>
                                <li>授权体验</li>
                                <li>投资关系</li>
                                <li>联系我们</li>
                                <li>防伪查询</li>
                            </ul>
                        </div>
                    </div>
                    <div class="bot-right">
                        <p class="bot-right-p1">400-100-5678</p>
                        <p class="bot-right-p2">周一至周日 8:00-18:00</p>
                        <p class="bot-right-p3">(仅收市话费)</p>
                        <img src="imgs/xiaomi3_86.png" >
                    </div>
                </div>
            </div>
        </div>
    <!-- footer -->
        <div class="footer-big">
            <div class="footer">
                <div class="footer-logo">
                    <a href="xiaomi.html"><img src="./imgs/80_03.png" ></a>
                </div>
                <div class="footer-info">
                    <p class="footer-info1">小米商城 | MIUI | 米家 | 米聊 | 多看 | 游戏 | 路由器 |米粉卡 | 政企服务 | 小米天猫店 | 隐私政策 | 问题反馈 | Select Region</p>
                    <p class="footer-info2">@mi.com京ICP证110507号京ICP备10046444号京公网安备11010802020134号京网文[2017]1530-131号</p>
                    <p class="footer-info3">违法和不良信息举报电话: 185-0130-1238. 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
                </div>
            </div>
            <div class="footer-r">
                <p class="footer-p1">诚信经营<br>放心消息</p>
                <img src="imgs/xiaomi3_97.png" >
                <p class="footer-p1">网上交易<br>保障中心</p>
                <img src="imgs/xiaomi3_95.png" >
                <p class="footer-p1">可信网站<br>信用评价</p>
                <img src="imgs/xiaomi3_92.png" >
                <p class="footer-p1">诚信网站<br>示范企业</p>
                <img src="imgs/xiaomi3_89.png" >
            </div>
            <div class="footer-xiaomi">
                让全球每个人都能享受科技带来的美好生活！
            </div>
        </div>
    </body>
</html>
    